import { createFileRoute } from '@tanstack/react-router'
import { ProtectedRoute } from '@/components/ProtectedRoute'
import { DashboardLayout } from '@/components/DashboardLayout'

export const Route = createFileRoute('/settings')({
  component: () => (
    <ProtectedRoute>
      <DashboardLayout>
        <SettingsPage />
      </DashboardLayout>
    </ProtectedRoute>
  ),
})

function SettingsPage() {
  return (
    <div className="space-y-6">
      {/* 页面标题 */}
      <div>
        <h1 className="text-2xl font-bold text-gray-900 dark:text-white">通用配置</h1>
        <p className="text-gray-600 dark:text-gray-400 mt-1">
          系统配置页面
        </p>
      </div>

      {/* 空白内容区域 */}
      <div className="text-center text-gray-500 py-12">
        <p>配置内容已清空</p>
              </div>
    </div>
  )
}
